<template>
    <div class="rish_trend_page_class">


        <div style="width: 100%;" id="container" class="shadow_bg_class">
          <el-row>
            <el-col :span="8" v-for="item in riskPositionOpt" :key="item.id">
                <div style="width: 100%;height: 380px"  :id="item.id"></div>
            </el-col>
          </el-row>
          <div style="text-align: center;padding-bottom: 12px">
            <el-pagination
                background
                @current-change="handleCurrentChange"
                :page-size=6
                layout="prev, pager, next"
                :total="riskPositionTotal">
            </el-pagination>
          </div>

        </div>
    </div>

</template>

<script>
    import rish_trend_page_bus from './rish_trend_page_bus.js'

    export default rish_trend_page_bus

</script>
<style>
    .rish_trend_page_class {
        display: block;
        width: 100%;
        height: 100%;
    }

</style>
